<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预约管理</title>
    <link rel="stylesheet" href="../css/Css_LL/Appointment.css">
    <link rel="stylesheet" href="../css/Css_LL/iconfont.css">
    <script src="../js/JQ/jquery.js"></script>
    <script src="../js/layer-v3.5.1/layer/layer.js"></script>   
</head>

<body>
    <header>
        <div>
            <span>&nbsp;预约管理</span>
        </div>
    </header>
    <div class="main_bg">
        <div class="form_bg">
            <!-- 预约编号<input id="No" type="text" placeholder="输入预约编号"> -->
            <!-- 房间号<input id="roomNo" type="text"> -->
            <!-- 会议室名称<input id="roomName" type="text" placeholder="大/中/小会议室"> -->
            预约企业<input id="company" type="text" placeholder="输入企业名称">
            预约用户<input id="user" type="text" placeholder="输入用户名">
            <!-- 手机号<input id="tel" type="text"> -->
            <!-- 预约时段<input id="time" type="text" placeholder="请输入时间段"> -->
            <!-- 应付费用<input id="money1" type="text">
            实付费用<input id="money2" type="text"> -->
            状态<input id="state" type="text" placeholder="已预约/已完成/已取消/使用中">
            <div id="buttonBox">
                <div class="buttonBox_main">
                    <button class="iconfont icon-chaxun" aria-hidden="true" id="butSearch"
                        onclick="Search()">查询</button>
                    <button class="iconfont icon-zhongzhi" aria-hidden="true" id="butReset"
                        onclick="clearInput()">重置</button>
                </div>
            </div>
            <table class="formTable">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>预约编号</th>
                        <th>房间号</th>
                        <th>会议室名称</th>
                        <th>预约企业</th>
                        <th>预约用户</th>
                        <th>手机号</th>
                        <th>预约时段</th>
                        <th>应付费用</th>
                        <th>实付费用</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="form_bg"> </tbody>
            </table>
            <!-- 分页容器 -->
            <div class="pagination-container">
                <button class="page-change prev" id="up">上一页</button>
                <span class="pagination"></span>
                <button class="page-change next" id="down">下一页</button>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="../js/Js_LL/Appointment.js"></script>

</body>

</html>